﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="Covers"
	x:Name="UserControl" Height="143" Width="158">
	<UserControl.Resources>
		<ResourceDictionary>
			
			<Storyboard x:Key="Load">
				<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="CoverImg">
					<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
					<EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="1"/>
				</DoubleAnimationUsingKeyFrames>
				<ThicknessAnimationUsingKeyFrames Storyboard.TargetProperty="(Border.BorderThickness)" Storyboard.TargetName="border">
					<EasingThicknessKeyFrame KeyTime="0:0:0.3" Value="0"/>
				</ThicknessAnimationUsingKeyFrames>
			</Storyboard>
			<Storyboard x:Key="unload"/>
		</ResourceDictionary>
	</UserControl.Resources>
	<UserControl.Triggers>
		<EventTrigger RoutedEvent="FrameworkElement.Loaded">
			<BeginStoryboard Storyboard="{StaticResource Load}"/>
		</EventTrigger>
	</UserControl.Triggers>
	<Border x:Name="border" BorderThickness="1">
		<Grid Margin="0,0,-1,-1">
			
			<Image x:Name="CoverImg"  Margin="0" Stretch="Fill" OpacityMask="{Binding ElementName=Mask}" >
				
			</Image>
		</Grid>
	</Border>
</UserControl>